@import "../common.scss";
html,
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-image: url(../../images/br.jpg);
	background-size: cover;
}

body {
	line-height: unset;
}

.content {
	padding: 0 ws(15);
	position: relative;
	.logo {
		margin-top: ws(74);
		font-size: ws(45);
		color: darken($main-color, 10%);
		margin-bottom: ws(35);
		margin-left: ws(30);
	}
	.form {
		margin-top: ws(50);
	}
	.itemClass {
		width: 80%;
		margin: auto;
		padding-bottom: ws(6);
		height: ws(55);
		margin-bottom: ws(15);
		display: flex;
		align-items: flex-end;
		.title {
			font-size: ws(14);
			transition: .35s all;
			position: absolute;
			bottom: ws(40);
			left: 0;
			color: #6c6c6c;
		}
		>input {
			font-size: ws(16);
			flex: 1;
			border: unset;
			padding: ws(8) ws(15);
			height: unset;
			margin: 0;
			border-radius: ws(40);
			box-shadow: 0 0 ws(3) rgba(#000, .3) inset;
		}
	}

	.item-code {
		display: flex;
		justify-content: space-between;
		padding-bottom: ws(15);
		width: 80%;
		margin: auto;
		.code-input {
			>input {
				font-size: ws(16);
				width: ws(150);
				border: unset;
				padding: ws(8) ws(15);
				height: unset;
				margin: 0;
				border-radius: ws(40);
				box-shadow: 0 0 ws(3) rgba(#000, .3) inset;
			}
		}
		.code-btn {
			flex: 1;
			margin-left: ws(15);
			padding: ws(8) ws(15);
			display: flex;
			align-items: center;
			background: linear-gradient(#54ade4, #2f8cdc);
			color: #fff;
			text-align: center;
			border-radius: ws(30);
			box-shadow: 0 ws(2) ws(10) #54a3e4;
			font-size: ws(16);
		}
	}

	.login {
		margin-top: ws(100);
		height: ws(45);
		line-height: ws(45);
		background: linear-gradient(#54ade4, #2f8cdc);
		color: #fff;
		text-align: center;
		border-radius: ws(30);
		box-shadow: 0 ws(2) ws(10) #54a3e4;
	}
	.login1 {
		height: ws(45);
		line-height: ws(45);
		background: linear-gradient(#54ade4, #2f8cdc);
		color: #fff;
		text-align: center;
		border-radius: ws(30);
		box-shadow: 0 ws(2) ws(10) #54a3e4;
	} 
	.Liability{
		margin-top: ws(80);
		margin-bottom: ws(5);
		font-size: ws(12);
		color: #fff;
		line-height: 2.1;
	}
	.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{
		font-size: ws(20);
	}
	.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before{
		color: #338edd;
	}
	.Liability-span{
		text-decoration: underline;
		padding-left: ws(60);
	}
	.mui-checkbox.mui-left input[type=checkbox], .mui-radio.mui-left input[type=radio]{
		left: ws(21);
		top: ws(1);
		width: ws(50);
		height: ws(50);
		text-align: center;
	}
}

.mui-content-padded {
	width: ws(250);
}
